body {margin:0; padding:0; padding-bottom: 60px; min-height:600px; background: #F0F0F0;}

.gradient {background: rgb(69,72,77); /* Old browsers */
      background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera11.10+ */
      background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
      background: linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
      }

#box {position:relative; width:470px; margin:200px auto; padding:15px 30px; background-color: rgba(0,0,0,.9); border-radius:10px; box-shadow:0 4px 10px #999;}
#box input {width:220px; height:36px; margin:0 5px; border-top:1px solid #888; border-left:1px solid #888; border-right:1px solid #eee; border-bottom: 1px solid #eee; background: #FAFAFA; font:20px Tahoma; color:#000; opacity:.95; padding:4px 7px;} 
#box input.value {color:#007fff} 
#box .loader {position:absolute; width:32px; height:32px; top:15px; left:-50px; background:url(/images/loader.gif) no-repeat; display:none;}
#box .error {position:absolute; width:inherit; top:90px; font:14px Tahoma; color: #007fff;}


#chapter_box {display: none; position:absolute; z-index:10; width:660px; margin:0px auto; padding:15px 30px; background-color: rgba(0,0,0,.9); border-radius:10px; box-shadow:0 4px 10px #999;}
#chapter_box input {height:36px; margin:0 5px; border-top:1px solid #888; border-left:1px solid #888; border-right:1px solid #eee; border-bottom: 1px solid #eee; background: #FAFAFA; font:20px Tahoma; color:#000; opacity:.95; padding:4px 7px;} 
#chapter_box input.value {color:#007fff}
#chapter_box input[name=name] {width:220px;}
#chapter_box input[name=href] {width:380px;}
#chapter_box .loader {position:absolute; width:32px; height:32px; top:15px; left:-50px; background:url(/images/loader.gif) no-repeat; display:none;}
#chapter_box .error {position:absolute; width:inherit; top:90px; font:14px Tahoma; color: #007fff;}


#menu {display:block; list-style:none; height:40px;}
#menu h1 {display: inline-block; float:left; font:12px Tahoma; color:#007fff; padding:12px 20px 8px;}
#menu li {float:left; display:inline-block; position:relative; height:100%; border-left:1px solid #444;}
#menu li a {display:block; text-decoration:none; font:14px Tahoma; color:#EEE; padding:11px 20px 11px;  margin:0; }
#menu li a:hover, #menu li a.current {background: rgb(0,127,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,127,255,1) 0%, rgba(0,71,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,127,255,1)), color-stop(100%,rgba(0,71,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,127,255,1) 0%,rgba(0,71,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,127,255,1) 0%,rgba(0,71,237,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(0,127,255,1) 0%,rgba(0,71,237,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007fff', endColorstr='#0047ed',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(0,127,255,1) 0%,rgba(0,71,237,1) 100%); /* W3C */ 
border-right:rgb(0,127,255);}
#menu a {display: inline-block; float:right; font:12px Tahoma; color:#007fff; padding:12px 20px 8px 0px; text-decoration: none}
#menu a:hover {color:#fff;}

#content {position:relative; padding:30px 20px; clear:both;}


#pagination {margin:15px 0; padding:0 5%; text-align:left}
#pagination a {display: inline-block; width:20px; height:20px; border-radius:10px; text-align: center; text-decoration: none; margin:0px 1px; background:#007fff;  color:#fff; font:12px Verdana; line-height: 18px;}
#pagination strong {display: inline-block; width:36px; height:36px; border-radius:18px; text-align: center; text-decoration: none; margin:0px 1px; background:#007fff;  color:#fff; font:16px Verdana; line-height: 36px;}


p {width:90%; margin:0 auto 20px; font:12px Tahoma; color:#000;}
table {width:90%; margin:0 auto 20px; border-collapse: collapse;}
table tr {background: #E0E0E0;}
table tr:nth-child(2n) {background: #D0D0D0;}
table tr.hide {opacity:0.2}
table th {background: rgb(69,72,77); /* Old browsers */
      background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera11.10+ */
      background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
      background: linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
      border-left:1px solid #444;
      border-right:1px solid #444;
      font:12px Tahoma; 
      color:#EEE; 
      padding:8px 16px 8px;}
table th:first-child {width:10px;}
table td {border:1px solid #EBEBEB; padding:8px 10px; font:12px Tahoma; color:#222; vertical-align: top;}
table a, table a:link, table a:active, table a:visited {font:normal 12px Tahoma; color:#007fff;}
table a:hover {text-decoration: none}
table input{width:99%; font:13px Tahoma; padding:3px;}
table textarea {position: relative; width:99%; height:36px; font:13px Tahoma; padding:3px; line-height:18px;}
table textarea.fullscreen {position: absolute; z-index:11; top:0; left:0; padding:10px; font-size:16px; line-height:20px; margin: 0;}
table div.one_line {word-wrap:normal; overflow: hidden; height:16px;}
table p {padding:10px 0px 10px; font:12px Tahoma; color:#222; margin:0;}
table #images_box {position: relative; min-height: 40px; padding-bottom:10px; overflow-y:hidden; overflow-x:auto}
table #images_line {position: relative; min-height: 40px; overflow: hidden;}
table .image_box {position: relative; display: inline-block;  float:left; margin: 0 10px 10px 0px; padding:0}
table .image_box img {border:1px solid #eee;}
table .image_box .image_delete {display: inline-block; position: absolute; top:1px; right:0; height:12px; width:12px; font:bold 10px Verdana; text-align: center; color:#007fff; cursor: pointer;}

table a.action {display: inline-block; padding:0; text-decoration: none; width:18px; height:18px; background: #007fff; color:#fff; font:14px Verdana; border-radius:9px; text-align: center; overflow: hidden}
table a.action:hover {opacity:.8}
table a.red {background: #ff0000}

#error {display:none; width:90%; margin:0 auto 20px; font:bold 12px Tahoma; color:#007fff; list-style: none;}
#error li {list-style:none; font-weight: normal; line-height:18px;}
#error li:before {content: '→ ';}


#news a.root{display:inline-block; text-align:center; text-decoration:none;  color:green; border:1px solid green; width:20px; height:20px; margin:0px;}
#news table {margin:10px auto; width:90%}
#news table th {background:darkgreen; font:bold 12px Tahoma; color:#fff; text-align:center; padding:7px 15px; border:1px solid #fff; }
#news table td {font:12px Tahoma; color:#000; text-align:left; padding:7px 5px; border:1px solid #EEE;}
#news table td a {text-decoration:none; padding:2px 4px; border:1px solid green; color:green; font:12px Tahoma;}
#news table td a:hover {border-color:lime}